<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0;"/>
<link rel="stylesheet" type="text/css" href="biz/css/edu-ipad-common.css"/>
<link rel="stylesheet" media="all and (orientation:landscape)" href="biz/css/edu-ipad-live.landscape.css"/>
<link rel="stylesheet" media="all and (orientation:portrait)" href="biz/css/edu-ipad-live.portrait.css"/>

<script src="common/js/jquery-1.7.2.js"></script>
<script src="common/js/jquery.touchwipe.1.1.1.js"></script>
<script src="common/js/date.min.js"></script>
<script src="common/js/json2.js"></script>
<script src="biz/js/ipad-log.json.js"></script>
<script src="biz/js/ipad-scheduler2.js"></script>
<script src="biz/js/ipad-live.base.js"></script>
<script src="biz/js/ipad-live.js"></script>
<script src="biz/js/ipad-live.touch.js"></script>
<script src="biz/js/ipad-live.lang.js"></script>
<script src="biz/js/ipad-live.qa.js"></script>
<script src="biz/js/ipad-live.vote.js"></script>
<script src="biz/js/ipad-live.chat.js"></script>

<script src="biz/js/ipad-live.test.js"></script>
<script>

Lang.setStaticPrefix("/ipad-multi-media").init("zh-cn");

$(function(){
	initPageParam({
		nickname:'sam',
		staticPrefix:"/ipad-multi-media"
		});
	});
window.staticPrefix = "/ipad-multi-media";
</script>
<script><!--
	var init = function(){
		initParam({
			video_id: "video", 
			pptParamFn: function(obj){loadPPT(obj);},
			qaParamFn:  function(obj){loadQA(obj);},
			emsParamFn: function(obj){loadMsg(obj);},
			surveyParamFn: function(obj){loadVoteAndSurveys(obj);},
			voteParamFn: function(obj){loadVoteAndSurveys(obj);},
			resetVideoFn: function(){resetVideo();},
			tipDivId:"popDivId",
			maskDivId:"idCover",
			infoDivId:"ipad-txpic",
			closeButtonId:"winClose"
		});
		visitALB();
		$("#videoStartBtn").click(function(){
			var ret = toldPlay();
			if(ret!=false){
				$("#videoStartBtn").hide();
			}
		});
	};
//Do not delete this comment. -->
</script>
</head>
<body>
<div class="nipad">
	<div class="nipadTop"><s:if test="site.branding == 0"><img src="biz/images/nipad-logo.gif" border="0" /></s:if>
		<h1><s:property value="webcast.subject"/></h1>
	</div>
	<div class="nipadMain">
		<div class="nipadMainL" id="mainView">
			<div class="ppt" id="pptView">
				<div class="title">
					<h3 class="titleR">
						<p class="titleM">文档</p>
					</h3>
				</div>
				<div class="pptCnt">
					<div class="pptCntR">
						<div class="pptCntM pptBigH" id="pptImgView" style="-webkit-overflow-scrolling: touch;">
							<img id="pptImg" style="width:100%;display:table;"/>
						</div>
					</div>
				</div>
				<div class="pptBtm">
					<div class="pptBtmR">
						<p class="pptBtmM"></p>
					</div>
				</div>
			</div>
		</div>
		<div class="nipadMainR">
			<div class="rightTop" id="rtView">
				<div class="video" id="videoView">
					<div class="title">
						<h3 class="titleR">
							<p class="titleM">视频</p>
						</h3>
					</div>
					<div class="videoCnt">
						<div class="videoCntR">
							<div  id="videoWrap" class="videoCntM">
								<a id="videoStartBtn" class="play"></a>
								<video id="video" style="width:100%;height:100%">
									Sorry!  No video tag for you.
								</video>
							</div>
						</div>
					</div>
					<div class="videoBtm">
						<div class="videoBtmR">
							<p class="videoBtmM"> </p>
						</div>
					</div>
				</div>
			</div>
			<div class="rightBottom" id="rbView">
				<div class="ask askCurrent1" id="qaView">
					<ul class="askTab">
						<li id="myQaTab"><a class="askTab1"><b>我的问答</b><span class="num" id="newMyqaCount"></span></a></li>
						<li id="allQaTab"><a class="askTab2"><b>所有问答</b><span class="num" id="newAllqaCount"></span></a> </li>
					</ul>
					<div class="askCnt">
						<div class="askCnt1">
							<div class="askCntMi">
								<div class="askCntR">
									<div class="askCntM askSmallH" id="qaMyList" style="-webkit-overflow-scrolling: touch;">
									</div>
								</div>
							</div>
						</div>
						<div class="askCnt2">
							<div class="askCntMi">
								<div class="askCntR">
									<div class="askCntM askSmallH" id="qaAllList" style="-webkit-overflow-scrolling: touch;">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="askBtm">
						<div class="askBtmR">
							<div class="askBtmM">
								<div class="askiptwrap">
									<div class="choose-bar">
										<h3 class="role-all" id="talkToBar"></h3>
										<em></em>
										<ul class="roleList" id="talkerContainer">
										</ul>
									</div>
									<form id="qaForm">
										<div class="askinputbtm">
										<input class="askinput" type="text" placeholder="" id="qaText"/>
										</div>
										<input class="askbtn" type="submit" value="提交" id="qaSubmit"/>
									</form>
								
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="nipadBtm">
		<div class="nipadBtmR">
				<div class="nipadBtmM">
					<a id="about" class="nipad-about"></a>
					<a id="videoBtn" class="nipadb-a1"></a>
					<a id="docBtn" class="nipadb-a2"></a>
					<a id="qaBtn" class="nipadb-a3"></a>
				</div>
			</div>
	</div>
	<div id="voteContainer">
	</div>
	<div class="toMin" id="minItemContainer" style="display:none">
		<div id="toggle_1" class="minList">
			<ul class="winListShow">
			</ul>
			<em></em>
		</div>
		<div class="minBtn"></div>
	</div>
	<div id="idCover" class="coverLayer" style="display:none"></div>
	<div id="popDivId" class="popDiv" style="display:none">
		<div id="ipad-tx">
			<div id="ipad-txt">
				<div id="ipad-txt1"></div>
				<div id="ipad-txt2">
					<input id="winClose" type="button" value="" name="" />
				</div>
				<div id="ipad-txt3"></div>
			</div>
			<div id="ipad-txc">
				<div id="ipad-txc1"></div>
				<div id="ipad-txc2">
					<div id="ipad-txpic"></div>
				</div>
				<div id="ipad-txc3"></div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
